import React, {PureComponent} from 'react';
import {StyleSheet, View, Text} from 'react-native';

export default class extends PureComponent {
    render() {
        const {super_vip_number, douya_number} = this.props;
        return (
            <View style={styles.container}>
                <Text style={styles.title}>超级会员：{super_vip_number}位</Text>
                <Text style={styles.title}>豆芽会员：{douya_number}位</Text>
            </View>
        );
    }
}

const styles = StyleSheet.create({
    container: {
        height: 32,
        flexDirection: 'row',
        alignItems: 'center',
        backgroundColor: '#f42f19'
    },
    title: {
        flex: 1,
        fontSize: 12,
        color: '#fff',
        textAlign: 'center'
    }
});
